<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="f"  uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h"  uri="http://java.sun.com/jsf/html"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Ecommerce_comprar</title>
</head>
<body>
<f:view>
<h1>Modulo Ecommerce</h1>
<h2> Productos </h2>

<h:form>

<h:dataTable value="#{ecommerce.resultproductos}"
	var="dbRow"
	border="1"
	headerClass="HEADING"
	rowClasses="ROW1,ROW2">
	    <h:column>
			<f:facet name="header">
				<f:verbatim>ID</f:verbatim>
			</f:facet>
			<h:outputText value="#{dbRow.IDproducto}"/>
		</h:column>
		<h:column>
			<f:facet name="header">
				<f:verbatim>SKU</f:verbatim>
			</f:facet>
			<h:outputText value="#{dbRow.SKU}"/>
		</h:column>
		<h:column>
			<f:facet  name="header">
				<f:verbatim>Nombres</f:verbatim>
			</f:facet>
			<h:outputText value="#{dbRow.nombre}"/>
		</h:column>
		<h:column>
			<f:facet  name="header">
				<f:verbatim>Descripcion</f:verbatim>
			</f:facet>
			<h:outputText value="#{dbRow.descripcion}"/>
		</h:column>
		<h:column>
			<f:facet  name="header">
				<f:verbatim>Precio</f:verbatim>
			</f:facet>
			<h:outputText value="#{dbRow.precio}"/>
		</h:column>
		<h:column>
					<h:commandLink action="#{ecommerce.agregarCarretilla}">
						<h:outputText value="Agregar_Carretilla" ></h:outputText>
						<f:setPropertyActionListener target="#{ecommerce.intIDproducto}" value="#{dbRow.IDproducto}"/>
					</h:commandLink>
		</h:column>
</h:dataTable>
			<h:commandButton value="cancelar" action="#{ecommerce.cancelar}"></h:commandButton>
			<br />
			<h:outputText id="lblAlerta" value="#{usuario.mensajeBean}"></h:outputText>
		

<h2> En carretilla </h2>		
<h:dataTable value="#{ecommerce.retornarCarretilla}"
	var="dbRow"
	border="1"
	headerClass="HEADING"
	rowClasses="ROW1,ROW2">
	    <h:column>
			<f:facet name="header">
				<f:verbatim>ID</f:verbatim>
			</f:facet>
			<h:outputText value="#{dbRow.IDproducto}"/>
		</h:column>
		<h:column>
			<f:facet name="header">
				<f:verbatim>SKU</f:verbatim>
			</f:facet>
			<h:outputText value="#{dbRow.SKU}"/>
		</h:column>
		<h:column>
			<f:facet  name="header">
				<f:verbatim>Nombres</f:verbatim>
			</f:facet>
			<h:outputText value="#{dbRow.nombre}"/>
		</h:column>
		<h:column>
			<f:facet  name="header">
				<f:verbatim>Descripcion</f:verbatim>
			</f:facet>
			<h:outputText value="#{dbRow.descripcion}"/>
		</h:column>
		<h:column>
			<f:facet  name="header">
				<f:verbatim>Precio</f:verbatim>
			</f:facet>
			<h:outputText value="#{dbRow.precio}"/>
		</h:column>
		<h:column>
			<f:facet  name="header">
				<f:verbatim>Cantidad</f:verbatim>
			</f:facet>
			<h:outputText value="#{dbRow.contable}"/>
		</h:column>
		<h:column>
					<h:commandLink action="#{ecommerce.quitarCarretilla}">
						<h:outputText value="Quitar_Carretilla" ></h:outputText>
						<f:setPropertyActionListener target="#{ecommerce.intIDproducto}" value="#{dbRow.IDproducto}"/>
					</h:commandLink>
		</h:column>
</h:dataTable>	
</h:form>
</f:view>
</body>
</html>